<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/09.css">
</head>
<body>
    <p class="font-color">文本</p>
    <p class="font">文本在😂</p>
    <p class="font-itany">自定义字库😂</p>
    <p class="font-itany">六安-&#xe789;</p>
    <p class="iconfont icon-setup">自定义字库文件</p>
    <p class="font-style">文字的表现</p>
    <p class="font-all">文字样式组合</p>
    <hr>
    <div class="text-1">文本样式</div>
    <br>
    <div class="user-input">
        <label>登录名</label> :
        <input type="username">
    </div>
    <div class="user-input">
        <label>密码</label> :
        <input type="username">
    </div>
    <p class="text-2">
        <img src="../assets/img/loading.jpg" alt="" srcset="">
        <span>垂直对齐</span>
    </p>
    <br>
    <div class="search-btn">
        <input type="text">
        <button type="button">百度一下</button>
    </div>
    <br>
    <p class="text-3">文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进</p>
    <p class="text-4">abcdef</p>
    <p class="text-5">文本缩进 文本缩进文 本缩进文本 缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进文本缩进</p>
    <p class="text-6">asdasd sadasdasda sddassdsadasd asdasdasdasda sdasdasdsada</p>
    <p class="text-7">asdasdsadasdasdasddassdsadasdasdasdasd asasdasasdasasdas</p>
    <p class="text-7">文本缩进文本缩进文缩进文本缩进文本缩进文本缩进文本缩进进文本缩进文缩进文本缩进文本缩进文本缩进</p>
    <p class="text-8">asdasdsadasdasdasddassdsadasdasdasdasdas AasdA</p>
    <br>
    <p class="text-over">单行文本超出隐藏操作 AAAAAAAAAAAAAA</p>
</body>
</html>